@charset "UTF-8";

/*初始化HTML*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555;font: 12px/1.14 "Arial","Hiragino Sans GB",\5b8b\4f53,"Georgia","serif";}
body,button,input,select,textarea {font: 12px/1.14 "Arial","Hiragino Sans GB",\5b8b\4f53,"Georgia","serif";}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var ,i ,b { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img,input { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
h2{font-size:24px;line-height:30px}
/*浮动*/
.fl {float: left;}
.fr {float: right;}
/*清除浮动*/
.clearfix:after {content: "";display: block;height: 0; overflow: hidden;visibility: hidden;clear:both;}
.clearfix {zoom:1;}
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*允许用户缩放多行文本域*/
textarea { resize: vertical; }
/*英文换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omit{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
/**/
.f-f0{font-family:"Arial","Hiragino Sans GB","Microsoft YaHei",\5fae\8f6f\96c5\9ed1,"Helvetica","sans-serif"}
.f-f1{font-family:"Arial","Hiragino Sans GB",\5b8b\4f53,"Georgia","serif"}
.f-c0{color:#000}.f-c3{color:#333}.f-c6{color:#666}.f-c9{color:#999}
.f-cf{color:#fff}
.f-ccc{color:#ccc}
.f-cgreen{color:#09924b}

.f-cyellow{color:#ffbc62}
.f-cted{color:#c81400}
.f-f1{font-family:"Arial","Hiragino Sans GB",\5b8b\4f53,"Georgia","serif"}
a .f-c0:hover,a.f-c0:hover,a .f-c3:hover,a.f-c3:hover,a .f-c6:hover,a.f-c6:hover,a .f-c9:hover,a.f-c9:hover,a .f-cgreen:hover{color:#09924b}
.clear:after,.f-cb:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.clear,.f-cb{zoom:1}
.left,.f-fl{float:left}
.right,.f-fr{float:right}
.rel,.f-pr{position:relative}
.abs,.f-pa{position:absolute}
.fixed,.f-fxd,.f-pf{position:fixed}
.nowrp,.f-thide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notxt,.f-hide{text-indent:-9999px}
.notxt,.f-hide,.ohide,.f-ohide{overflow:hidden}
.f-ib{display:inline-block;*display:inline;zoom:1}
.hide,.f-dn{display:none}
.shadow,.f-shadow{box-shadow:0 2px 2px #ccc}
.shadow1,.f-shadow1{box-shadow:0 1px 1px #ccc}
.f-dn{display:none}
.f-db{display:block}
.f-oh{overflow:hidden}

/*版心*/
.wrap { margin:0 auto; width:1180px; }


/* 隐藏 */
.hidden {
display:none;
}
/* 显示 */
.visible {
display:block;
}


/*头部 Begin*/
.head {


}
.shortcut {
height:14px;
padding:11px 0 11px;
line-height:14px;
border-bottom:1px solid #DDDDDD;
background-color:#EBEBEB;
}
.shortcut_top{
height:36px;
}
.shortcut_nav_l {
width:213px;

}
.shortcut_nav_l a {
padding: 0 6px 0;
color: #999999;
}
.shortcut_nav_l a:hover {
color: #09924B;;
}
.shortcut_nav_r {
height:36px;
}
.shortcut_nav_r li {
float:left;
border-left:1px solid #D9D9D9;
padding: 0 6px 0 ;
}
.no_padd_right{
padding-right:0 !important;
}
.my_project, .download {
color: #09924B;
}
.my_project {
position:relative;
padding-right:13px;
}
.my_project i {
width: 9px;
height: 9px;
overflow: hidden;
position: absolute;
top:4px;
right:1px;
}
.my_project b {
position: absolute;
top: -9px;
left: -3px;
font-weight:bold;
}
.follow_us i {
font-size:13px;
}
.shortcut_login a{
margin-right:4px;
}
.shortcut_login span {
padding:0 6px 0;
}
.shortcut_login a {
padding:0 6px 0;
}

.head_main_container {
height:54px;
margin-top:28px;
margin-bottom:28px;
}
.head_main_container h1 {
float:left;
width:222px;
height:50px;
margin-right:8px;
}
.head_main_container h1 a {
display:inline-block;
width:222px;
height:50px;
background:url(../images/logo_big.png) 0 0 no-repeat;
text-indent:-9999em;
}

.head_main_container span {
float:left;
width:219px;
height:17px;
margin-top:22px;
background:url(../images/logo_big.png) -230px -22px no-repeat;
}
.head_main_search {
width:390px;
height:34px;
margin-top:10px;
}
.search_text {
float:left;
width:347px;
height:32px;
border:1px solid #DDDDDD;
border-right:none;
line-height:32px;
text-indent:10px;
color: #999999;
background-color:#F5F5F5;
}
.search_btn {
float:right;
width:42px;
height:34px;
background-color:#ffa643;
color: #fff;
font-size:20px;
cursor:pointer;
}

.head_nav {
height:40px;
background-color:#286A46;
}
.head_nav_main {
height:100%

}
.head_nav_main li {
float:left;
}
.head_nav_main li a {
display:inline-block;
padding:0 13px 0;
line-height:40px;
font-size:16px;
height:38px;
border:1px solid #286a46;
color: #fff;
}
.head_nav_main .head_nav_main_r {
float:right;
}
.head_nav_main li a:hover {
background-color:#2E9057;
}
/*头部 End*/



/* app Begin */
.m-indexb .area{color:#666;padding:33px 0 16px;border-bottom:1px solid #ddd}
.m-indexb .areacon{line-height:20px;font-size:11px;padding-top:5px;overflow:hidden}
.m-indexb .areacon p{padding-top:10px;text-indent:2em}
.m-indexb .itemwrap{margin-right:-46px;padding-top:10px}
.m-indexb .item{background:#aaa;display:block;margin:0 45px 20px 0;float:left}
.m-indexb .item,.m-indexb .item img{width:80px;height:50px}
.m-indexb .lastarea{border:0;padding-bottom:30px}

.m-ted{background-color:#970700}
.m-ted:hover{background-color:#800a08}
.m-gjgkk{background-color:#257397}
.m-gjgkk:hover{background-color:#145978}
.m-bbc{background-color:#4aa4fc}
.m-bbc:hover{background-color:#4095e8}
.m-yanj{background-color:#20673f}
.m-yanj:hover{background-color:#185c37}
.m-zggkk{background-color:#7e512a}
.m-zggkk:hover{background-color:#62320e}
.m-kehan{background-color:#7d9519}
.m-kehan:hover{background-color:#657b19}
.m-cloud{background-color:#10ae58}
.m-cloud:hover{background-color:#118a48}
.m-coursera{background-color:#0064b7}
.m-coursera:hover{background-color:#0a5191}
.m-indexb{background-color:#f0f0f0}
.u-votebtn{margin-bottom:35px;background-color:#fff;text-align:center;line-height:48px;font-size:14px}
.u-votebtn a{color:#09924b}
.u-stitle h2{line-height:1.2em}
.u-stitle span{padding:6px 0 0 10px}
.m-indexb .area{color:#666;padding:33px 0 16px;border-bottom:1px solid #ddd}
.m-indexb .areacon{line-height:20px;font-size:11px;padding-top:5px;overflow:hidden}
.m-indexb .areacon p{padding-top:10px;text-indent:2em}
.m-indexb .itemwrap{margin-right:-46px;padding-top:10px}
.m-indexb .item{background:#aaa;display:block;margin:0 45px 20px 0;float:left}
.m-indexb .item,.m-indexb .item img{width:80px;height:50px}
.m-indexb .lastarea{border:0;padding-bottom:30px}

#app_download_recommend{position:fixed;bottom:0;left:0;width:100%;z-index:99999;background:rgba(0,0,0,0.85)}
#app_download_recommend .wrapper{width:960px;margin:0 auto;position:relative}
#app_download_recommend #app_down_banner{width:100%}
#app_download_recommend .u-btn-close{position:absolute;display:inline-block;width:25px;height:25px;right:0;top:0;cursor:pointer}
#app_download_recommend .wrapper{width:1200px}
#app_download_recommend .u-btn-close{width:35px;height:35px}
#app_download_recommend div {position:relative; }
.appdown{position:relative;z-index:2;background:#fff;border:1px solid #ebebeb;padding:10px}
.m-sidebar2 .appdown .img{margin:5px 0}
.m-sidebar2 .appdown .close{margin-left:10px}.
                                             .u-appDownloadTip{position:fixed;top:50%;left:50%;margin:-155px 0 0 -238px;width:476px;height:310px;box-shadow:0 0 10px #333;background:#277d50}
.u-appDownloadTip .close{top:12px;right:12px;width:18px;height:18px;background:url(../Images/appdownload_tip.png) 0 -143px}.u-appDownloadTip .close:hover{background:url(../Images/appdownload_tip.png) -44px -143px no-repeat}.u-appDownloadTip .con{color:#fff;text-align:center;padding:20px 0 30px}.u-appDownloadTip .con h2{font-size:24px;line-height:33px}.u-appDownloadTip .con h3{font-size:14px;line-height:20px}.u-appDownloadTip .con .pic{margin:30px auto 15px;width:328px;height:132px;background:url(../Images/appdownload_tip.png) 0 0 no-repeat}.u-appDownloadTip .con p.info{font-size:13px;line-height:20px;color:#bdd1c5}

/* app End*/


/* footer Begin */
.m-footer{border-top:1px solid #ddd;background:#e6e6e6;padding:20px 0;text-align:center}
.m-footer .links{line-height:16px;margin-bottom:12px;color:#999}
.m-footer .links span{padding:0 6px}
.m-footer .links a{color:#666}
.m-footer .links a:hover{text-decoration:underline}
.m-footer .cr{color:#999;line-height:18px}
.m-footer .theme{display:inline-block;*display:inline;zoom:1;margin-top:10px;height:23px;width:317px;background:url(../images/footer.png) no-repeat 0 0};
/* footer End */